<template>
	<view class="body">
		<!-- <view class="wode">
			<view class="wodetextbox">
				<view class="text">我的</view>
			</view>
			<view class="icon">
				<image class="shezhi"></image>
			</view>
			<view class="icon">
				<image class="tixing"></image>
			</view>
		</view> -->

		<view class="yonghu">
			<!-- 用户头像 -->
			<view class="image1">
				<image class="img1" src="../../static/logo.png"></image>
			</view>

			<view class="yonghutext">
				<!-- 账号 -->
				<view class="text1">13083936558</view>
				<!-- 会员等级 -->
				<view class="image2">
					<image class="img2" src="../../static/logo.png"></image>
				</view>
			</view>
			<!-- 顶部返回箭头 -->
			<view class="icon">
				<view class="image3">
					<image class="img3" src="../../static/logo.png"></image>
				</view>
			</view>
		</view>
		<view class="qianbao">

			<view class="qb1">
				<view class="wdqb">我的钱包</view>
				<view class="jiaoyimingxi">交易明细</view>
				<!-- 交易明细返回箭头 -->
				<view class="icon2">
					<view class="image4">
						<image class="img4" src="../../static/logo.png"></image>
					</view>
				</view>
			</view>

			<view class="qb2">
				<view class="textbox">
					<view class="text2">0.00</view>
					<view class="text3">账户余额(元)</view>
				</view>
				<view class="textbox">
					<view class="text2">0</view>
					<view class="text3">今日中奖(元)</view>
				</view>
			</view>

			<view class="qb3">
				<view class="button"><button>充值</button></view>
				<view class="button"><button>转账</button></view>
				<view class="button"><button>提款</button></view>
			</view>
		</view>

		<view class="jilu">
			<view class="jilu1">
				<view class="tzjl">投注记录</view>
				<view class="qbjl">全部记录</view>
				<view class="icon3">
					<view class="image5">
						<image class="img5" src="../../static/logo.png"></image>
					</view>
				</view>
			</view>

			<view class="jilu2">
				<view class="jilutextbox">
					<view class="text4">0</view>
					<view class="text5">待出票</view>
				</view>
				<view class="jilutextbox">
					<view class="text4">0</view>
					<view class="text5">待开奖</view>
				</view>
				<view class="jilutextbox">
					<view class="text4">0</view>
					<view class="text5">已中奖</view>
				</view>
			</view>
		</view>

		<view class="fuwu">
			<view class="fuwutextbox">
				<view class="tx"></view>
				<view class="gdfw">更多服务</view>
			</view>
			<view class="fuwubox">
				<view class="box">
					<view class="image6">
						<image class="img6" src="../../static/logo.png"></image>
					</view>
					<view class="text6">合买记录</view>
				</view>
				<view class="box">
					<view class="image6">
						<image class="img6" src="../../static/logo.png"></image>
					</view>
					<view class="text6">合买记录</view>
				</view>
				<view class="box">
					<view class="image6">
						<image class="img6" src="../../static/logo.png"></image>
					</view>
					<view class="text6">合买记录</view>
				</view>
				<view class="box">
					<view class="image6">
						<image class="img6" src="../../static/logo.png"></image>
					</view>
					<view class="text6">合买记录</view>
				</view>
				<view class="box">
					<view class="image6">
						<image class="img6" src="../../static/logo.png"></image>
					</view>
					<view class="text6">合买记录</view>
				</view>
				<view class="box">
					<view class="image6">
						<image class="img6" src="../../static/logo.png"></image>
					</view>
					<view class="text6">合买记录</view>
				</view>
				<view class="box">
					<view class="image6">
						<image class="img6" src="../../static/logo.png"></image>
					</view>
					<view class="text6">合买记录</view>
				</view>
				<view class="box">
					<view class="image6">
						<image class="img6" src="../../static/logo.png"></image>
					</view>
					<view class="text6">合买记录</view>
				</view>
				<view class="box">
					<view class="image6">
						<image class="img6" src="../../static/logo.png"></image>
					</view>
					<view class="text6">合买记录</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>

</script>

<style>
	.yonghu {
		display: flex;
		background: pink;
		width: 91%;
		margin: 0 auto;
		padding: 2%;
	}

	.image1 {
		width: 14%;
		margin-right: 3%;
	}

	.img1 {
		width: 100%;
		height: 93rpx;
		border-radius: 50rpx;
	}

	.qianbao {
		width: 91%;
		margin: 0 auto;
		background: beige;
		padding: 2%;
	}

	.yonghutext {
		width: 80%;
	}

	.image2 {
		width: 20%;
	}

	.img2 {
		width: 100%;
		height: 25rpx;
	}

	.icon {
		width: 10%;
		margin: auto;
	}

	.image3 {
		width: 80%;
	}

	.img3 {
		width: 100%;
		height: 25rpx;
	}

	.qb1 {
		display: flex;
		padding-bottom: 2%;
	}

	.wdqb {
		width: 30%;
		padding-right: 135px;
	}

	.jiaoyimingxi {
		width: 50%;
	}

	.icon2 {
		width: 10%;
	}

	.image4 {
		width: 100%;
		/* height: 25rpx; */
	}

	.img4 {
		width: 100%;
		height: 25rpx;
	}

	.qb2 {
		width: 98%;
		display: flex;
		padding: 2%;
	}

	.textbox {
		width: 45%;
		text-align: center;
		margin: 0 auto;
	}

	.qb3 {
		width: 98%;
		display: flex;
		padding: 2%;
	}

	.button {
		width: 29.33%;
		margin: 2%;
	}

	.jilu {
		width: 91%;
		margin: 0 auto;
		padding: 2%;
		background: cornflowerblue;
		height: 160rpx;
	}

	.jilu1 {
		display: flex;
	}

	.tzjl {
		width: 30%;
	}

	.qbjl {
		width: 50%;
	}

	.icon3 {
		width: 10%;
	}

	.image5 {
		width: 100%;
		height: 35rpx;
	}

	.img5 {
		width: 100%;
		height: 25rpx;
	}

	.jilu2 {
		width: 100%;
		display: flex;
	}

	.jilutextbox {
		width: 30%;
		margin: 0 auto;
		text-align: center;
	}

	.text4 {
		/* 没有特定的样式信息，可能需要查看实际的CSS文件 */
	}

	.text5 {
		/* 没有特定的样式信息，可能需要查看实际的CSS文件 */
	}

	.fuwu {
		width: 91%;
		margin: 0 auto;
		padding: 2%;
		background: palevioletred;
	}

	.gdfw {
		font-size: 17px;
		font-weight: 800;
		color: rgb(0, 0, 0);
	}

	.fuwubox {
		display: flex;
		flex-wrap: wrap;
		/* 空间不够自动换行 */
		padding: 0 16px 16px;
	}

	.box {
		margin-top: 16px;
		width: 25%;
		text-align: center;
	}

	.image6 {
		width: 35%;
		margin: 0 auto;
	}

	.img6 {
		width: 100%;
		height: 45rpx;
	}

	.text6 {
		font-size: 28rpx;
	}

	.tx {
		width: 5px;
		height: 18px;
		background: rgb(226, 50, 52);
		border-radius: 2px;
		margin-right: 3px;
	}

	.fuwutextbox {
		display: flex;
	}
</style>
